<extend name="Public/base"/>

<block name="style">
	<style>
		.dragsort {
			width: 400px;
		}
	</style>
</block>

<block name="body">
	<!-- 标题栏 -->
	<div class="main-title cf">
		<h2>
			<present name="data">编辑
				<else/>
				新增
			</present>
			钩子
		</h2>
	</div>

	<!-- 修改密码表单 -->
	<form action="{:U('updateHook')}" method="post" class="form-horizontal">
		<div class="form-item cf">
			<label class="item-label">钩子名称<span class="check-tips">（需要在程序中先添加钩子，否则无效）</span></label>

			<div class="controls">
				<input type="text" value="{$data.name}" name="name" class="text input-large">
			</div>
		</div>
		<div class="form-item cf">
			<label class="item-label">钩子描述<span class="check-tips">（钩子的描述信息）</span></label>

			<div class="controls">
				<label class="textarea input-large"><textarea name="description">{$data.description}</textarea></label>
			</div>
		</div>
		<div class="form-item cf">
			<label class="item-label">钩子类型<span class="check-tips">（区分钩子的主要用途）</span></label>

			<div class="controls">
				<select name="type">
					<volist name=":C('HOOKS_TYPE')" id="vo">
						<option value="{$key}"
						<eq name="data.type" value="$key"> selected</eq>
						>{$vo}</option>
					</volist>
				</select>
			</div>
		</div>
		<present name="data">
			<div class="form-item cf">
				<label class="item-label">钩子挂载的插件排序<span class="check-tips">（拖动后保存顺序，影响同一个钩子挂载的插件执行先后顺序）</span></label>

				<div class="controls">
					<input type="hidden" name="addons" value="{$data.addons}" readonly>
					<empty name="data.addons">
						暂无插件，无法排序
						<else/>
						<ul id="sortUl" class="dragsort">
							<volist name=":explode(',',$data['addons'])" id="addons_vo">
								<li class="getSort"><b>&times;</b><em>{$addons_vo}</em></li>
							</volist>
						</ul>
						<script type="text/javascript">
							$(function () {
								$("#sortUl").dragsort({
									dragSelector: 'li',
									placeHolderTemplate: '<li class="draging-place">&nbsp;</li>',
									dragEnd: function () {
										updateVal();
									}
								});

								$('#sortUl li b').click(function () {
									$(this).parent().remove();
									updateVal();
								});

								// 更新排序后的隐藏域的值
								function updateVal() {
									var sortVal = [];
									$('#sortUl li').each(function () {
										sortVal.push($('em', this).text());
									});
									$("input[name='addons']").val(sortVal.join(','));
								}
							})
						</script>
					</empty>
				</div>
			</div>
		</present>
		<input type="hidden" name="id" value="{$data.id}">
		<button type="submit" class="btn submit-btn ajax-post" target-form="form-horizontal">确 定</button>
		<button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
	</form>
</block>

<block name="script">
	<present name="data">
		<script type="text/javascript" src="__STATIC__/jquery.dragsort-0.5.1.min.js"></script>
	</present>
	<script type="text/javascript">
		$(function () {
			//导航高亮
			highlight_subnav('{:U('
			Addons / hooks
			')}'
			)
			;
		})
	</script>
</block>